<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org/" xml:lang="en" lang="en">

<head></head>

<body>

<wicket:extend>

	<!-- Seção das Mensagens de Erro/Feedback -->
	<div class="feedback" wicket:id="feedback">feedback here</div>

	<form wicket:id="mainForm">
            <div class="filters">
                <div class="header">
                    <span>Filtrar Itens</span>
                </div>
                <fieldset class="fields">
                	<table class="table_fields">
                		<tr>
                			<td width="25%">
                				<label>Status:</label>
                			</td>
                			<td width="75%">
                				<select wicket:id="statusFiltro" class="seletor">
                					<option>Selecione...</option>
                					<option>STATUS 1</option>
                					<option>STATUS 2</option>
                				</select>
                			</td>
                		</tr>
                	</table>
                </fieldset>
                
                <div class="buttons">
                	<input type="submit" wicket:id="btnFiltrar" value="Filtrar"/>
                </div>
            </div>
       </form>
       
        <!-- Seção do Header da Tabela dos Resultados -->
		<div class="results_header">
			<span>Resultado da Pesquisa</span>
		</div>
		
		<div class="results_container">
		<!-- Tabela dos Resultados -->
		<table class="results_table">
			
			<!-- Cabeçalho da Tabela -->
			<thead class="thead_results">
				<tr>
                	<th class="th_headers">
                		<span>Status</span>
                	</th>
                	<th class="th_headers">
                		<span>Conteúdo</span>
                	</th>
				</tr>
			</thead>
			
			<!-- Corpo da Tabela -->
			<tbody class="tbody_results">
				<tr wicket:id="logItens">
					<td>
						<span wicket:id="lstStatus">Sucesso</span>
						<a wicket:id="showErrorMessage" class="import_log_link">
							<img wicket:id="lupa_stack" alt="Exibir mensagem erro"/>
						</a>
					</td>
					<td>
						<span wicket:id="lstContent">Conteúdo</span>
						<span wicket:id="modalMensagem"></span>
					</td>
				</tr>
			</tbody>
		</table>
		
		<!-- Seção da Paginação -->
		<table class="pagination">
			<thead>
				<tr wicket:id="navigator">
					<th>
						<a wicket:id="first">&#171;&#171;</a>
					</th>
					<th>
						<a wicket:id="prev">&#171;</a>
					</th>
					<th width="90%">
						<span wicket:id="navigation">
							<a wicket:id="pageLink" href="#">
								<span wicket:id="pageNumber">5</span>
							</a>
						</span>
					</th>
					<th>
						<a wicket:id="next">&#187;</a>
					</th>
					<th>
						<a wicket:id="last">&#187;&#187;</a>
					</th>
				</tr>
			</thead>
        </table>
        </div>
        
        <div class="buttons">
        	<input type="button" class="botao" wicket:id="btnVoltar" value="Voltar"/>
        </div>

</wicket:extend>
</body>
</html>